$(function () {
    // 需求1.获取用户信息渲染头像
    getUserinfo()

    $('#logout').on('click', function () {
        //询问框
        layer.confirm('是否退出登录？', { icon: 3, title: '提示' }, function (index) {
            //销毁token退出首页
            localStorage.removeItem('token')
            location.href = '/login.html'
            // 自带的代码，关闭询问框
            layer.close(index);
        });
    })
})

// 获取用户信息需要设置为全局函数,后面更改信息页面需要调用
function getUserinfo() {
    axios({
        method: 'GET',
        url: '/my/userinfo',
        /* headers: {
            Authorization: localStorage.getItem('token')
        } */
    }).then(res => {
        // console.log(res.data);
        // 用户信息渲染
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        renderAvater(res.data.data)
    })
}

// 封装一个渲染用户信息的函数
function renderAvater(user) {
    // 有昵称优先显示昵称,否则显示用户名
    let name = user.nickname || user.username
    // 欢迎词渲染
    $('.welcome').html(`欢迎&nbsp;&nbsp;` + name)
    // 用户头像渲染(有头像优先显示头像,否则显示文字头像)
    if (user.user_pic !== null) {
        $('.layui-nav-img').show().attr('src', user.user_pic)
        $('.avater-txt').hide()
    } else {
        // 文字头像用户名首字母大写
        let fir = name[0].toUpperCase()
        $('.avater-txt').show().html(fir)
        $('.layui-nav-img').hide()
    }

}

